html{font-size: 625%;background: #eee;}
.container{max-width:750px;min-width:320px;margin: 0 auto;margin-bottom: 50px;}

.topbar{background: #FF4E00;width: 100%;box-sizing:border-box;height: 40px;color: #fff;position: relative;}
.topbar .fa-angle-left{font-size: 0.4rem;position: absolute;width: 35px;text-align: center;}
.topbar .search{width: 100%;height: 30px;padding: 5px 70px 5px 35px;box-sizing: border-box;position: relative;}
.topbar .search .search-input{width: 100%;box-sizing: border-box;height: 30px;line-height: 30px;border-radius: 5px;padding-left:20px;border: 0;}
.topbar .search .fa-search{position:absolute;top:13px;left:40px;color: #9B9B9B;font-size: 0.14rem;}
.topbar .search .search-submit{position: absolute;right:0;top:0;display:none;height: 40px;line-height: 40px;font-size: 0.16rem;color:#fff;width:70px;text-align: center;border:0;background: #FF4E00;}
.topbar .sel{position: absolute;right:0;top:0;display:block;height: 40px;line-height: 40px;font-size: 0.16rem;color:#fff;width:70px;text-align: center;}
.main{width: 100%;box-sizing:border-box;background: #fff;margin-top: 10px;padding:0 10px 10px 10px;display: block;color:#000;}
.main .title{width: 100%;box-sizing:border-box;height: 35px;line-height: 35px;border-bottom:1px solid #eee;}
.main .title span{height: 35px;}
.main .title span.left{float: left;width:40%;font-size: 0.14rem;display: inline-block;text-align: left;font-weight: 700;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main .title span.address{float: right;width:60%;font-size: 0.10rem;display: inline-block;text-align: right;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main .desc{width: 100%;box-sizing:border-box;padding:10px 0;position: relative;border-bottom:1px solid #eee;}
.main .desc span.desc-title{display:inline-block;width: 52px;font-size: 0.14rem;font-weight: 700;position: absolute;left: 0;top:9px;}
.main .desc .desc-main{width: 100%;box-sizing:border-box;padding-left: 42px;font-size:0.14rem;font-weight: 700; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .msg{width: 100%;box-sizing:border-box;padding:10px 0;}
.main .msg .msg-cate{max-width: 30%;box-sizing:border-box;float:left;background: #FFE9D1;color:#DF5D35;padding:2px 5px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align: left;}
.main .msg .msg-name{width: 30%;box-sizing:border-box;text-align: center;float: right;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main .msg .msg-time{width: 40%;box-sizing:border-box;box-sizing:border-box;float: right;text-align: right;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main .triangle{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #eee;margin-left: 10px;}
.main .reply{background: #eee;padding:10px;box-sizing:border-box;width: 100%;}
.main .reply .reply-ywg{box-sizing:border-box;width: 100%;margin-bottom: 10px;font-size:0.14rem;color:#5B5B5B;}
.main .reply .reply-ywg .reply-ywg-title{width: 100%;padding-bottom: 5px;color:#DF5D35;font-size: 0.14rem;}
.main .reply .reply-ywg .reply-ywg-title span{display: inline-block;width: 18px;height: 18px;background: #FF4E00;color: #fff;font-size: 0.12rem;border-radius: 5px;line-height: 18px;text-align: center;margin-right: 5px;}
.main .reply .reply-shop{box-sizing:border-box;width: 100%;margin-bottom: 10px;font-size:0.14rem;color:#5B5B5B;}
.main .reply .reply-shop .reply-shop-title{width: 100%;padding-bottom: 5px;color:#0054FF;font-size: 0.14rem;}
.main .reply .reply-shop .reply-shop-title span{display: inline-block;width: 18px;height: 18px;background: #0054FF;color: #fff;font-size: 0.12rem;border-radius: 5px;line-height: 18px;text-align: center;margin-right: 5px;}
.reply-ywg-desc,.reply-shop-desc{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nogoods ,.nothing{ height: 24px; line-height: 24px; padding: 10px; text-align: center; display: none; }
.nothing { display: block; }

@media screen and (min-width:640px){
	html{
		font-size: 808.5%;
	}
	.main .desc span.desc-title{width: 55px;}
	.main .desc .desc-main{padding-left: 56px;}
}

